.topicList
  height 100%
  background white
  font-family MicrosoftYaHei
  .ant-tabs-nav
    padding 0 30px
    .ant-tabs-tab
      color #9ba2ab !important
    .ant-tabs-tab-active
      color #5286FF !important
  .ant-tabs-content
    margin-bottom 20px
    padding 14px 1%
    padding-bottom 0
    background white
    .topicStyle
      position relative
      margin-right 1.3%
      margin-bottom 20px
      display inline-block
      width 24%
      border 1px solid #c9cfda
      vertical-align top
      &:nth-child(4n)
        margin-right 0
      .topImg
        padding 20px
        //border-bottom 1px solid #c9cfda
        cursor pointer
        img
          width 100%
          height 100%
      .topic-add
        display flex
        justify-content: space-between
        padding 0px 20px 16px 20px
        .topic-left
        .topic-right
          text-align right
          .right-top
          .right-bottom
            font-size 12px
            color #5286ff
            text-align center
          .shixiaoBottom
            color #9ba2ab
      .topic-bottom
        height 50px
        line-height 50px
        margin 0px 20px
        display flex
        justify-content: space-between
        align-items: center
        border-top 1px solid #e5e5e5
        .bottomStyle
          cursor pointer
          display flex
          align-items: center
          justify-content: center
          text-align center
          width 33.3%
          font-size 14px 
          color #686d73
          .bottom_img
            margin-right 2px
          .bottom-center
            border-left 1px solid #e5e5e5
            border-right 1px solid #e5e5e5
            height 26px
            line-height 26px
            width 100%
            display flex
            align-items: center
            justify-content: center
      p
        margin 0
        line-height 1
        overflow hidden
        text-overflow ellipsis
        white-space nowrap
      .topic-title
        margin-bottom 9px
        height 19px
        font-size 16px
        font-weight 600
        color #132338
        font-family MicrosoftYaHeiLight
      .topic-content
        margin-bottom 18px
        font-size 14px
        color #9ba2ab
      .topic-time
        font-size 12px
        color #686d73
      .topic-more
        position absolute
        right 20px
        bottom 20px
        width 30px
        height 30px
        text-align center
        line-height 30px
        border-radius 50%
        border 1px solid #e6e6e6
        box-shadow 2px 0 4px rgba(23,103,203,0.12)
        cursor pointer
    .addTopic
      position relative
      margin-bottom 20px
      display inline-block
      width 24%
      color #b9bdc4
      font-size 16px
      text-align center
      border 1px dashed #c9cfda
      vertical-align top
      cursor pointer
      >span
        display block
        position absolute
        top calc(50% - 57px)
        left calc(50% - 45px)
        width 90px
        height 114px
//下拉提示
.ant-dropdown
  border 1px solid #CCD1DB !important
  .tm-tips
    .ant-dropdown-menu
      padding 0 !important
    .ant-dropdown-menu-item
      padding 13px 38px !important
      &:hover
        color #5286FF
        background #DEE7FC